/* reset.css */

/* 重置 HTML 元素的基本样式 */
html {
  box-sizing: border-box;
  /* 使计算宽度和高度时包含边框和内填充 */
}

*,
*:before,
*:after {
  box-sizing: inherit;
  /* 继承父元素（即 html）的 box-sizing 属性 */
  margin: 0;
  /* 清除所有元素的外边距 */
  padding: 0;
  /* 清除所有元素的内填充 */
  border: none;
  /* 移除所有元素的边框 */
  outline: none;
  /* 移除所有元素的轮廓线 */
}

/* 重置列表样式 */
ul,
ol {
  list-style: none;
  /* 移除列表符号 */
}

/* 重置文本格式化元素 */
a {
  text-decoration: none;
  /* 移除链接下划线 */
  color: inherit;
  /* 链接颜色继承父元素 */
}

abbr[title],
acronym[title] {
  /* 为支持的浏览器显示标题提示 */
  text-decoration: underline dotted;
  cursor: help;
}

/* 重置表单元素样式 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 字体继承自父元素 */
  font-size: 100%;
  /* 设置字体大小为浏览器默认值 */
  line-height: normal;
  /* 使用正常行高 */
  color: inherit;
  /* 颜色继承自父元素 */
  margin: 0;
  /* 清除表单元素的外边距 */
}

button,
input {
  overflow: visible;
  /* 取消按钮和输入框的溢出隐藏 */
}

button,
select {
  text-transform: none;
  /* 不对按钮和选择框的文字进行转换 */
}

button,
html input[type="button"],
/* 包括 HTML5 的 button 类型 */
input[type="reset"],
input[type="submit"] {
  appearance: button;
  -webkit-appearance: button;
  /* 设置 WebKit 内核浏览器中按钮的外观 */
  cursor: pointer;
  /* 显示指针光标 */
}

/* 修复按钮在 iOS 和 Safari 中的内边距问题 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type='checkbox'],
input[type='radio'] {
  padding: 0;
  /* 移除复选框和单选框的内填充 */
  box-sizing: border-box;
  /* 确保其尺寸计算正确 */
}

input[type='search'] {
  appearance: textfield;
  -webkit-appearance: textfield;
  /* 将搜索框外观设置为文本字段样式 */
  -webkit-box-sizing: content-box;
  /* 仅针对 WebKit 内核，确保搜索框内容区域尺寸计算正确 */
  box-sizing: content-box;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
  /* 移除 WebKit 内核搜索框的装饰 */
}

/* 重置表格样式 */
table {
  border-collapse: collapse;
  /* 合并表格边框 */
  border-spacing: 0;
  /* 移除表格间空白 */
  caption-side: bottom;
  /* 默认将表格标题放置在表格下方 */
}

th {
  text-align: left;
  /* 设置表格头部文字左对齐 */
}

img {
  border: 0;
  /* 移除图片边框 */
  vertical-align: middle;
  /* 图片垂直居中对齐 */
}

/* 重置内联元素的垂直对齐方式 */
address,
cite,
dfn,
em,
var {
  font-style: normal;
  /* 将斜体文字设置为正常 */
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  /* 设置等宽字体 */
  font-size: 1em;
  /* 设置字体大小为当前元素的默认值 */
}

/* 重置引用样式 */
q {
  quotes: '' '';
}

q:before,
q:after {
  content: '';
}

/* 重置缩进 */
blockquote,
dl,
menu,
ol,
p,
pre,
ul {
  margin: 0;
  /* 为这些元素设置统一的上/下外边距 */
}

/* 重置 hr 样式 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  /* 添加一个简洁的水平分割线 */
  margin: 0;
  padding: 0;
}

/* 重置非替换内联元素的垂直对齐方式 */
ins,
del {
  text-decoration: none;
}

ins {
  background-color: #ff9;
  color: #000;
}

del {
  background-color: #fdd;
  color: #000;
}
